<div class="table-responsive">
  <table class="table table-hover table-condensed table-striped">
    <thead>
      <tr>
        <th class="text-center{{#orderedByTopic}} active{{/orderedByTopic}}"><a href="?orderBy=topic&orderDir={{orderDir.topic}}">标题</a></th>
        {{#multipleCategories}}
        <th class="text-center td-fit">类别</th>
        {{/multipleCategories}}
        <th class="text-center td-fit" title="参与讨论用户"><span class="visible-lg visible-md">参与用户</span><span class="hidden-lg hidden-md"><i class="fa fa-user"></i></th>
        <th class="text-center td-fit{{#orderedByComments}} active{{/orderedByComments}}" title="按回复数排序"><a href="?orderBy=comments&orderDir={{orderDir.comments}}"><span class="visible-lg visible-md">回复数</span><span class="hidden-lg hidden-md"><i class="fa fa-comment"></i></a></th>
        <th class="text-center td-fit{{#orderedByCreated}} active{{/orderedByCreated}}" title="按创建时间排序"><a href="?orderBy=created&orderDir={{orderDir.created}}"><span class="visible-lg visible-md">创建时间</span><span class="hidden-lg hidden-md"><i class="fa fa-clock-o"></i></a></th>
        <th class="text-center td-fit{{#orderedByUpdated}} active{{/orderedByUpdated}}" title="按最新回复排序"><a href="?orderBy=updated&orderDir={{orderDir.updated}}"><span class="visible-lg visible-md">最新回复</span><span class="hidden-lg hidden-md"><i class="fa fa-history"></i></a></th>
      </tr>
    </thead>
    <tbody>
      {{#discussionList}}
      <tr class="tr-link">
        <td class="align-middle">
          <b>
            <a href="{{{discussionPageUrl}}}" class="tr-link-a">{{topic}}</a>
            {{^open}}
            <span class="label label-danger">Closed</span>
            {{/open}}
          </b>
        </td>
        {{#multipleCategories}}
        <td class="td-fit align-middle">
          {{#category.isScriptIssue}}
          <span class="label label-default"><a {{#category.categoryAuthorPageUrl}}href="{{{category.categoryAuthorPageUrl}}}"{{/category.categoryAuthorPageUrl}}>{{category.authorName}}</a></span>
          <br class="hidden-lg hidden-md">
          <span style="color: #ccc;">/</span>
          <span class="label label-default"><a {{#category.categoryPageUrl}}href="{{{category.categoryPageUrl}}}"{{/category.categoryPageUrl}}>{{category.scriptName}}</a></span>
          {{/category.isScriptIssue}}
          {{^category.isScriptIssue}}
          <span class="label label-default">
            <a {{#category.categoryPageUrl}}href="{{{category.categoryPageUrl}}}"{{/category.categoryPageUrl}}>{{category.name}}</a>
          </span>
          {{/category.isScriptIssue}}
        </td>
        {{/multipleCategories}}
        <td class="td-fit align-middle">
          {{#recentCommentors}}
          <span class="label label-info"><a href="/users/{{{name}}}">{{{name}}}</a></span>
          <br class="hidden-lg hidden-md">
          {{/recentCommentors}}
        </td>
        <td class="text-center td-fit align-middle">
          <p>{{replies}}</p>
        </td>
        <td class="text-center td-fit">
          <time datetime="{{createdISOFormat}}" title="{{created}}" class="iconic">{{{createdHumanizedIconic}}}</time>
        </td>
        <td class="text-center td-fit">
          {{#isUpdated}}
          <time datetime="{{updatedISOFormat}}" title="{{updated}}" class="iconic">{{{updatedHumanizedIconic}}}</time>
          {{/isUpdated}}
        </td>
      </tr>
      {{/discussionList}}
      {{^discussionList}}
      <tr class="tr-link">
        <td colspan="{{#multipleCategories}}6{{/multipleCategories}}{{^multipleCategories}}5{{/multipleCategories}}">
          <em>{{discussionListIsEmptyMessage}}</em>
        </td>
      </tr>
      {{/discussionList}}
    </tbody>
  </table>
</div>
